<template>
  <div class="box">
    <div class="cdiv"></div>
  </div>
</template>

<script>
export default {
  name: "demo",
  data() {
    return {
      dataHTML: "",
    };
  },
  computed: {},
  methods: {},
  mounted() {},
};
</script>

<style lang="scss">
.box {
  background: red;
  width: 200px;
  height: 200px;
  position: relative;
  .cdiv {
    // display: none;
    width: 100px;
    height: 100px;
    position: absolute;
    top: 20px;
    right: -100%;
    background: greenyellow;
  }
}
.box:hover {
  // .cdiv {
  //   display: block;
  //   border: 2px solid blue;
  // }
  background-color: #000;
}
</style>
